<template>
  <view class="my-page">
    <view class="header-bg-box h-200px"/>
    <u-navbar placeholder safe-area-inset-top bg-color="rgba(0,0,0,0)"/>
    <info/>
    <info-option/>
    <issue-list/>
    <collect-list/>
  </view>
</template>

<script setup lang="ts">
import UNavbar from "@/uni_modules/uview-plus/components/u-navbar/u-navbar.vue";
import Info from "@/pages/my/component/info.vue";
import InfoOption from '@/pages/my/component/option.vue'
import IssueList from "@/pages/my/component/issueList.vue";
import CollectList from "@/pages/my/component/collectList.vue";

</script>

<style lang="scss">
.my-page{
  .header-bg-box{
    background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
  }
  // 用户头像
  .user-avatar{
    position: absolute;
    top: 0;
    transform: translate(-50%,-50%);
    left: 50%;
  }
}
</style>
